﻿/* Layout two-column, left is menu, right is content
--------------------------------------------*/
/*
    <div class="mainContentWrapper">
        <div class="rightMainContent">
    </div>
    <div class="leftMenu">
    </div>
*/
.mainContentWrapper
{
    float: left;
    width: 100%;
}
.rightMainContent
{
    margin-left: 180px;
}
.leftMenu
{
    float: left;
    width: 180px;
    margin-left: -100%;
}

/* middle layout 
-----------------------------------------------------------*/
/*
<div class="align-center">
    <div class="center">
          some content
     </div>
</div>
*/
.align-center
{
    width: 100%; /* need to set the width*/
    text-align: center;
}
.align-center .center
{
    margin: 0 auto;
    text-align: left;
}
